<template>
	<view>
		<view class="top">
			综合排序
		</view>
		<view class="shopList">
			<!-- 第一个 -->
			<view class="shopItemList" @click="todetail">
				<image src="@/static/tuanzi/store1.jpg" />
				<view class="shopInfoView">
					<view class="name">
						<text>伟业汽车修理中心</text>
						<text>44m</text>
					</view>
					<view class="assessment">
						<u-rate :count="count" v-model="value" activeColor="gold" inactiveColor="gainsboro"></u-rate>
						<text>{{value}}分</text>
						<text>销量：322</text>
					</view>
					<view class="time">
						营业时间：周一至周五 09:00-22:00
					</view>
					<view class="place">
						山阳区人民中路32号
					</view>
				</view>
			</view>
			<!-- 第二个 -->
			<view class="shopItemList">
				<image src="@/static/tuanzi/store1.jpg" />
				<view class="shopInfoView">
					<view class="name">
						<text>伟业汽车修理中心</text>
						<text>44m</text>
					</view>
					<view class="assessment">
						<u-rate :count="count" v-model="value" activeColor="gold" inactiveColor="gainsboro"></u-rate>
						<text>{{value}}分</text>
						<text>销量：322</text>
					</view>
					<view class="time">
						营业时间：周一至周五 09:00-22:00
					</view>
					<view class="place">
						山阳区人民中路32号
					</view>
				</view>
			</view>
			<!-- 第三个 -->
			<view class="shopItemList">
				<image src="@/static/tuanzi/store1.jpg" />
				<view class="shopInfoView">
					<view class="name">
						<text>伟业汽车修理中心</text>
						<text>44m</text>
					</view>
					<view class="assessment">
						<u-rate :count="count" v-model="value" activeColor="gold" inactiveColor="gainsboro"></u-rate>
						<text>{{value}}分</text>
						<text>销量：322</text>
					</view>
					<view class="time">
						营业时间：周一至周五 09:00-22:00
					</view>
					<view class="place">
						山阳区人民中路32号
					</view>
				</view>
			</view>
			
		</view>
		
		<view class="more">
			暂无更多
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 5,
				value: 3
			}
		},
		methods: {
			todetail(){
				uni.navigateTo({
					url:'/pages/lly/storedetail/storedetail'
				})
			}
		}
	}
</script>

<style>
	.shopList {
		/* padding: 0 30rpx;
		margin-bottom: 24rpx;
		background-color: white; */
	}

	.shopItemList {
		/* height: 200rpx;
		width: 100%; */
		display: flex;
		padding: 30rpx 10rpx;
		/* background-color: burlywood; */
	}

	.shopItemList image {
		width: 200rpx;
		height: 160rpx;
		margin-right: 15rpx;
	}

	.shopItemList .shopInfoView {
		width: 450rpx;
		/* background-color: cadetblue; */
		font-family: Arial;
		font-size: 28rpx;
		/* display: flex;
		flex-wrap: wrap;
		align-content: space-between; */
	}

	.shopInfoView .name {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 6rpx;
	}

	.shopInfoView .name text:nth-child(1) {
		font-size: 30rpx;
		font-weight: 600;
		/* padding-bottom: 40rpx; */
	}

	.shopInfoView .name text:nth-child(2) {
		font-size: 26rpx;
		color: royalblue;
	}

	.shopInfoView .assessment {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		font-size: 26rpx;
	}
	.shopInfoView .time{
		margin: 6rpx 0;
	}
	.more{
		text-align: center;
	}
</style>